<template>
<!-- 增加和筛选零件种类 -->

<el-tabs
	v-model="activeName"
	type="card"
>
	<!-- ========================================================== -->
	<el-tab-pane label="成员更改" name="1">
		<HandleMember></HandleMember>
	</el-tab-pane>
	<!-- ========================================================== -->
	<el-tab-pane label="分组更改" name="2">
		<HandleGroup></HandleGroup>
	</el-tab-pane>
	<!-- ========================================================== -->
	<el-tab-pane label="供应商余额" name="3">
		<HandleBalance></HandleBalance>
	</el-tab-pane>
	<!-- ========================================================== -->
	<el-tab-pane label="供应商余额计算" name="4">
		<HandleBalanceTable></HandleBalanceTable>
	</el-tab-pane>

</el-tabs>
<!-- 返回零件种类 -->
</template>

<script lang="ts" setup>
import {ref} from 'vue'
import HandleMember from "@/page/first/HandleManagement1/HandleMember.vue";
import HandleGroup from "@/page/first/HandleManagement1/HandleGroup.vue";
import HandleBalance from "@/page/first/HandleManagement1/HandleBalance.vue";
import HandleBalanceTable from "@/page/first/HandleManagement1/HandleBalanceTable.vue";

// TODO: 切换页签
const activeName = ref('1')

</script>

<style scoped>

</style>









